* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
body {	
	margin: 0;
	padding: 0;
	color: #333333;
	font: 12px/16px Tahoma;
	word-break: break-all;
	word-wrap:break-word;
}

h1, h2, h3, h4, h5, h6, blockquote, pre, a, address, em, img, strong, dl, dt, dd, ol, ul, li, form, label, legend, table, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
	line-height: 1.5;
	word-break: break-all;
	word-wrap:break-word;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Microsoft YaHei";
}


a {
	color: #006aad;
	font-size: inherit;
	line-height: inherit;
	text-decoration: none;
}
a.disp, .sel-box a  {
	color: #333;
}

a:hover {
	opacity: 0.8;
	filter:alpha(opacity=80);
}


label {
	cursor: pointer;
}
caption,th {
	text-align: left;
}

em {
	font-style: normal;
}

img {
	border: 0 none;
	vertical-align: bottom;
}

input[type="checkbox"] {
	vertical-align: middle;
}



select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], input[type="file"] {
	padding: 6px 8px;
	font-size: 14px;
	color: #303d3f;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	/*box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1) inset;*/
	vertical-align: middle;
}
textarea {
	resize:none;
}
input[type="file"] {
	padding: 5px 7px;
}

select:hover, textarea:hover, input[type="text"]:hover, input[type="password"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="date"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="color"]:hover, input[type="file"]:hover {
	border-color: #bbb;
}
select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, input[type="file"]:focus {
	color: #696969;
	border-color: #f59942;
	background-color: #fff;
	outline: 0;
}
.center {
	text-align: center;
}
.sel {
	display: inline-block;
	position: relative;
	margin-right: 8px;
	padding: 6px 8px;
	font-size: 14px;
	line-height: 20px;
	color: #303d3f;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1) inset;
	vertical-align: middle;
	cursor: pointer;
}
	.sel:after {
		position: absolute;
		right: 6px;
		top: 50%;
		margin-top: -2px;
		border-width: 4px 4px 0 4px;
		border-style: solid dashed;
		border-color: #3b4547 transparent transparent;
		content: "";
        pointer-events: none;
	}
a.disp, .sel-box a {
	color: #333;
}
.sel-box {
	display: none;
	position: absolute;
	left: -1px;
	top: 35px;
	width: 125px;
	background: #fff;
	border: 1px solid #dddddd;
	border-bottom: 0;
	z-index: 99;

}
.sel-box li {
	border-bottom: 1px solid #dddddd;
}
.sel-box a {
	display: block;
	padding: 4px 7px;
	line-height: 20px;
}
.sel-box a:hover {
	background: #f1f1f1;
}
button, .btn, input[type="button"], input[type="submit"] {
	display: inline-block;
	padding: 6px 5px;
	font-size: 14px;
	color: #fff;
	background: #2d9651;
	border: 1px solid #0c692b;
	border-radius: 3px;
   vertical-align: middle;
	cursor: pointer;
}
button i, .btn i {
	margin-right: 4px;
}
.btn-l {
	display: inline-block!important;
	height: 15px;
	padding: 4px 10px;
	font-size: 12px;
	line-height: 15px;
	color: #158c3d!important;
	background: #fff;
	border: 1px solid #158c3d!important;
   vertical-align: middle;
	cursor: pointer;	
}
.btn-disable {
	cursor: not-allowed;
	background: #eaeaea!important;
	color: #777!important;
	border-color: #aaa!important;
}

input:focus, textarea:focus, button:focus {
	outline: 0;
}
input[readonly] {
	color: #939192;
	background: #f5f5f5!important;
	cursor: default;
}



ol, ul{
	list-style: none;
}

table{
	border-collapse: collapse;
	border-spacing: 0;
}
.no-border {
	border: 0!important;
}


.sample-box {
	margin: 10px;
	padding: 10px;	
	background: #fff;
	border: 1px dashed #aaa;
	border-radius: 5px;
}
.sample-box:before {
	position: relative;
	top: -10px;
	font-size: 0;
	line-height: 0;
	content: "sample";
	font-weight: bold;
	font-size: 14px;
}

.clear-line {
	clear: both;
	height: 1px;
	line-height: 1px;
}
.clear:after {
	clear: both;
	color: #333333;
	content: " ";
	display: block;
}
.clear{zoom:1;}
.font-m {
	font-family: "Microsoft YaHei"!important;
	font-weight: lighter!important;
}
.title-p40 {
	height: 40px!important;
	font-size: 18px!important;
	line-height: 40px!important;
}
.title-p40 i {
	margin-right: 5px;
}

.hide-text {
	font: 0/0 a!important;
	color: transparent!important;
	text-shadow: none!important;
	background-color: transparent!important;
	border: 0!important;
}
/*---- ico ----*/
@import "/css/font-awesome.min.css";
/*---- tree ----*/
.tree{
	padding-left: 9px;
	overflow-x: hidden;
	overflow-y: auto;
	position: relative;
}
.tree:before{
	display: inline-block;
	content: "";
	position: absolute;
	top: -20px;
	bottom: 16px;
	left: 0;
	border: 1px dotted #67b2dd;
	border-width: 0 0 0 1px;
	z-index: 1;
}
.tree .tree-folder{ width: auto; min-height: 20px; cursor: pointer; }
.tree .tree-folder .tree-folder-header{ position: relative; height: 20px; line-height: 20px; }
.tree .tree-folder .tree-folder-header:hover{ background-color: #f0f7fc; }
.tree .tree-folder .tree-folder-header .tree-folder-name,.tree .tree-item .tree-item-name{ display: inline;  }
.tree .tree-folder .tree-folder-header>[class*="icon-"]:first-child,.tree .tree-item>[class*="icon-"]:first-child{
	display: inline-block;
	position: relative;
	z-index: 2;
	top: -1px;
}
.tree .tree-folder .tree-folder-header .tree-folder-name{ margin-left: 2px; }
.tree .tree-folder .tree-folder-header>[class*="icon-"]:first-child, .tree .tree-folder .tree-folder-header>[class*="icon-"]:first-child, .tree .tree-item>[class*="icon-"]:first-child { margin: -2px 0 0 -2px; }
.tree .tree-folder:last-child:after{
	display: inline-block;
	content: "";
	position: absolute;
	z-index: 1;
	top: 15px;
	bottom: 0;
	left: -15px;
	border-left: 1px solid #FFF;
}
.tree .tree-folder .tree-folder-content{ margin-left: 23px; position: relative; }
.tree .tree-folder .tree-folder-content:before{
	display: inline-block;
	content: "";
	position: absolute;
	z-index: 1;
	top: -14px;
	bottom: 16px;
	left: -14px;
	border: 1px dotted #67b2dd;
	border-width: 0 0 0 1px;
}
.tree .tree-item{
	position: relative;
	height: 20px;
	line-height: 20px;
	cursor: pointer;
}
.tree .tree-item:hover{ background-color: #f0f7fc; }
.tree .tree-item .tree-item-name{ margin-left: 2px; }
.tree .tree-item .tree-item-name>[class*="icon-"]:first-child{ margin-right: 3px; }
.tree .tree-item>[class*="icon-"]:first-child{ margin-top: -1px; }
.tree .tree-folder,.tree .tree-item{ position: relative; }
.tree .tree-folder:before,.tree .tree-item:before{
	display: inline-block;
	content: "";
	position: absolute;
	top: 14px;
	left: -13px;
	width: 18px;
	height: 0;
	border-top: 1px dotted #67b2dd;
	z-index: 1;
}
.tree .tree-selected{ background-color: rgba(98,168,209,0.1); color: #6398b0; }
.tree .tree-selected:hover{ background-color: rgba(98,168,209,0.1); }
.tree .tree-item,.tree .tree-folder{ border: 1px solid transparent; }
.tree .tree-folder .tree-folder-header{ border-radius: 0; }
.tree .tree-item,.tree .tree-folder .tree-folder-header{
	margin: 0;
	padding: 5px;
	color: #4d6878;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.tree .tree-item>[class*="icon-"]:first-child{

}
.tree .tree-selected>[class*="icon-"]:first-child{
	background-color: #f9a021;
	border-color: #f9a021;
	color: #FFF;
}
.tree .icon-plus[class*="icon-"]:first-child,.tree .icon-minus[class*="icon-"]:first-child, .tree .tree-item>[class*="icon-"]:first-child{
	border: 1px solid #DDD;
	vertical-align: middle;
	height: 11px;
	width: 11px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	text-align: center;
	border: 1px solid #8baebf;
	line-height: 10px;
	background-color: #FFF;
	position: relative;
	z-index: 1;
}
.tree .icon-plus[class*="icon-"]:first-child:before{
	display: block;
	content: "+";
	font-family: "Open Sans";
	font-size: 16px;
	position: relative;
	z-index: 1;
}
.tree .icon-minus[class*="icon-"]:first-child:before{
	content: "";
	display: block;
	width: 7px;
	height: 0;
	border-top: 1px solid #4d6878;
	position: absolute;
	top: 5px;
	left: 2px;
}
.tree .icon-point[class*="icon-"]:first-child:before{
	content: "";
	display: block;
	width: 5px;
	height: 0;
	border-top: 5px solid #ccc;
	position: absolute;
	top: 3px;
	left: 3px;
}

.tree .tree-unselectable .tree-item>[class*="icon-"]:first-child{
	color: #5084a0;
	width: 13px;
	height: 13px;
	line-height: 13px;
	font-size: 10px;
	text-align: center;
	border-radius: 0;
	background-color: transparent;
	border: 0;
	box-shadow: none;
}
.tree [class*="icon-"][class*="-down"]{ transform: rotate(-45deg); }
.tree .icon-spin{ height: auto; }
.tree .tree-loading{ margin-left: 36px; }
.tree img{ display: inline; veritcal-align: middle; }
/*---- tree end ----*/


.ui-menu {
	position: absolute;
	background: #fff;
	top: 100%;
	left: 0;
	width: auto;
	min-width: 150px;
	padding: 4px;
	margin-top: 1px;
	border: 1px solid rgba(0,0,0,0.2);
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	z-index: 1000;
}
.ui-menu:before {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ccc;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	position: absolute;
	top: -7px;
	left: 13px;
}
.ui-menu:after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
	position: absolute;
	top: -6px;
	left: 14px;
}

.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	margin: -1px;
	padding: 4px 12px 5px 7px;
	line-height: 1.5;
	min-height: 0;
	font-weight: 400;
	color: #444;
	border: 1px solid transparent;
	cursor: pointer;
	white-space: nowrap;
}
.ui-menu .ui-menu-item .current, .ui-menu .ui-menu-item .current:hover {
	background-color: #fff;
	font-weight: normal;
	z-index: 1001;
	position: relative;

	color: #444;
	border: 1px solid rgba(0,0,0,0.2);
	border-width: 1px 0 1px 1px;
}
.ui-menu .ui-menu {
	top: 3px;
	left: 97%;
	bottom: -3px;
	width: auto;
	min-width: 150px;
}
.ui-menu .ui-menu:before, .ui-menu .ui-menu:after {
	display: none;
}
.ui-menu .ui-menu-item a:hover, .ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active {
	background-color: #4f99c6;
	color: #FFF;
	font-weight: normal;
}

.stars {
	position: relative;
	display: inline-block;
	width: 97px;
	height: 18px;
	background: url(../images/site/stars.png) no-repeat 0 -18px;
	vertical-align: bottom;
}
.stars img {
	float: left;
	margin-right: 1.4px;	
}
.stars span {
	float: left;
	width: 97px;
	height: 18px;
	background: url(../images/site/stars.png) no-repeat 0 0;
}
.stars .s1 {
	width: 10%;
}
.stars .s2 {
	width: 20%;
}
.stars .s3 {
	width: 30%;
}
.stars .s4 {
	width: 40%;
}
.stars .s5 {
	width: 50%;
}
.stars .s6 {
	width: 60%;
}
.stars .s7 {
	width: 70%;
}
.stars .s8 {
	width: 80%;
}
.stars .s9 {
	width: 90%;
}
.stars .s10 {
	width: 100%;
}
.stars + .fen {
	margin-left: 3px;
}


[class^="text-"]:after, [class*=" text-"]:after {
	position: relative;
	margin-right: 3px;
	padding: 2px 5px;
	font-style: normal;
	color: #1ba6b5;
	border: 1px solid #1ba6b5;
}

.text-book:after {
    content: "\56FE \4E66 "; /*图书	*/

}
.text-information:after {
    content: "\8D44 \8BAF "; /*咨讯	*/
}

.text-paper:after {
    content: "\5B66 \4F4D \8BBA \6587 "; /*学位论文		*/
}
.text-journal:after {
	content:"\671F \520A "; /*期刊		*/

}
.text-standard:after {
	content:"\6807 \51C6 "; /*标准		*/

}
.text-article:after {
	content:"\671F \520A \6587 \732E "; /*期刊文献		*/

}
.text-media:after {
	content:"\591A \5A92 \4F53 "; /*多媒体		*/
}

.text-core:after {
	content:"\5317 \5927 \6838 \5FC3 "; /*北大核心		*/

}
.text-cscd:after {
	content:"CSCD";

}
.text-ssci:after {
    content: "SSCI";
}
.text-cssci:after {
	content:"CSSCI";

}
.text-sci:after {
	content:"SCI";

}
.text-ssc:after {
	content:"SSC";

}
.text-ei:after {
	content:"EI";

}
.text-meeting:after {
    content: "\4F1A \8BAE "; /*会议	*/

}
.text-patent:after {
    content: "\4E13 \5229 "; /*专利		*/

}
.text-laws:after {
    content: "\6CD5 \5F8B \6CD5 \89C4 "; /*法律法规*/

}
.text-achievements:after {
    content: "\6210 \679C "; /*成果	*/

}
.text-newspaper:after {
    content: "\62A5 \7EB8 "; /*报纸*/

}
.text-custom:after {
	content: attr(text-type); /*用text-type 属性 自定义内容*/
}

.default-cover {
	display: inline-block!important;
	width: 108px!important;
	height: 150px!important;
	max-height: none!important;
	padding: 10px 10px 10px 15px!important;
	background-repeat: no-repeat!important;
	background-size: cover!important;
}
.default-cover .title {	
	display: block!important;
	height: 126px!important;
	margin: 0!important;
	font-size: 12px!important;
	white-space: normal!important;
	line-height: 18px!important;
	color: #fff!important;;
	text-align: center!important;
}
.default-cover .title:before, .default-cover .title:after {
	display: none!important;
}
.default-cover.c1 {
	background-image: url(../images/default-cover1.png);
}
.default-cover.c2 {
	background-image: url(../images/default-cover2.png);
}
.default-cover.c3 {
	background-image: url(../images/default-cover3.png);
}
.default-cover.c4 {
	background-image: url(../images/default-cover4.png);
}
.default-cover.c5 {
	background-image: url(../images/default-cover5.png);
}
.default-cover.c6 {
	background-image: url(../images/default-cover6.png);
}
.default-cover.c7 {
	background-image: url(../images/default-cover7.png);
}
.default-cover.c8 {
	background-image: url(../images/default-cover1.png);
}
.default-cover.c9 {
	background-image: url(../images/default-cover1.png);
}
.default-cover.c10 {
	background-image: url(../images/default-cover1.png);
}




/*-- 点赞 --*/
.userpraiseclick .done, .op .done {
	color: #961114!important;
}
.userpraiseclick .done i:before {
	content: "\f164";
}

/*-- icon动画 --*/
.icon-animated-bell{
	display: inline-block;
	-moz-animation: ringing 2.0s 5 ease 1.0s;
	-webkit-animation: ringing 2.0s 5 ease 1.0s;
	-o-animation: ringing 2.0s 5 ease 1.0s;
	-ms-animation: ringing 2.0s 5 ease 1.0s;
	animation: ringing 2.0s 5 ease 1.0s;
	-moz-transform-origin: 50% 0;
	-webkit-transform-origin: 50% 0;
	-o-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	transform-origin: 50% 0;
}
@-moz-keyframes ringing{0%{ -moz-transform: rotate(-15deg); }
2%{ -moz-transform: rotate(15deg); }
4%{ -moz-transform: rotate(-18deg); }
6%{ -moz-transform: rotate(18deg); }
8%{ -moz-transform: rotate(-22deg); }
10%{ -moz-transform: rotate(22deg); }
12%{ -moz-transform: rotate(-18deg); }
14%{ -moz-transform: rotate(18deg); }
16%{ -moz-transform: rotate(-12deg); }
18%{ -moz-transform: rotate(12deg); }
20%{ -moz-transform: rotate(0deg); }
}@-webkit-keyframes ringing{0%{ -webkit-transform: rotate(-15deg); }
2%{ -webkit-transform: rotate(15deg); }
4%{ -webkit-transform: rotate(-18deg); }
6%{ -webkit-transform: rotate(18deg); }
8%{ -webkit-transform: rotate(-22deg); }
10%{ -webkit-transform: rotate(22deg); }
12%{ -webkit-transform: rotate(-18deg); }
14%{ -webkit-transform: rotate(18deg); }
16%{ -webkit-transform: rotate(-12deg); }
18%{ -webkit-transform: rotate(12deg); }
20%{ -webkit-transform: rotate(0deg); }
}@-ms-keyframes ringing{0%{ -ms-transform: rotate(-15deg); }
2%{ -ms-transform: rotate(15deg); }
4%{ -ms-transform: rotate(-18deg); }
6%{ -ms-transform: rotate(18deg); }
8%{ -ms-transform: rotate(-22deg); }
10%{ -ms-transform: rotate(22deg); }
12%{ -ms-transform: rotate(-18deg); }
14%{ -ms-transform: rotate(18deg); }
16%{ -ms-transform: rotate(-12deg); }
18%{ -ms-transform: rotate(12deg); }
20%{ -ms-transform: rotate(0deg); }
}@keyframes ringing{0%{ transform: rotate(-15deg); }
2%{ transform: rotate(15deg); }
4%{ transform: rotate(-18deg); }
6%{ transform: rotate(18deg); }
8%{ transform: rotate(-22deg); }
10%{ transform: rotate(22deg); }
12%{ transform: rotate(-18deg); }
14%{ transform: rotate(18deg); }
16%{ transform: rotate(-12deg); }
18%{ transform: rotate(12deg); }
20%{ transform: rotate(0deg); }
}
.icon-animated-vertical{
	display: inline-block;
	-moz-animation: vertical 2.0s 5 ease 2.0s;
	-webkit-animation: vertical 2.0s 5 ease 2.0s;
	-o-animation: vertical 2.0s 5 ease 2.0s;
	-ms-animation: vertical 2.0s 5 ease 2.0s;
	animation: vertical 2.0s 5 ease 2.0s;
}
@-moz-keyframes vertical{0%{ -moz-transform: translate(0,-3px); }
4%{ -moz-transform: translate(0,3px); }
8%{ -moz-transform: translate(0,-3px); }
12%{ -moz-transform: translate(0,3px); }
16%{ -moz-transform: translate(0,-3px); }
20%{ -moz-transform: translate(0,3px); }
22%{ -moz-transform: translate(0,0); }
}@-webkit-keyframes vertical{0%{ -webkit-transform: translate(0,-3px); }
4%{ -webkit-transform: translate(0,3px); }
8%{ -webkit-transform: translate(0,-3px); }
12%{ -webkit-transform: translate(0,3px); }
16%{ -webkit-transform: translate(0,-3px); }
20%{ -webkit-transform: translate(0,3px); }
22%{ -webkit-transform: translate(0,0); }
}@-ms-keyframes vertical{0%{ -ms-transform: translate(0,-3px); }
4%{ -ms-transform: translate(0,3px); }
8%{ -ms-transform: translate(0,-3px); }
12%{ -ms-transform: translate(0,3px); }
16%{ -ms-transform: translate(0,-3px); }
20%{ -ms-transform: translate(0,3px); }
22%{ -ms-transform: translate(0,0); }
}@keyframes vertical{0%{ transform: translate(0,-3px); }
4%{ transform: translate(0,3px); }
8%{ transform: translate(0,-3px); }
12%{ transform: translate(0,3px); }
16%{ transform: translate(0,-3px); }
20%{ transform: translate(0,3px); }
22%{ transform: translate(0,0); }
}
.icon-animated-hand-pointer{
	display: inline-block;
	-moz-animation: hand-pointer 2.0s 4 ease 2.0s;
	-webkit-animation: hand-pointer 2.0s 4 ease 2.0s;
	-o-animation: hand-pointer 2.0s 4 ease 2.0s;
	-ms-animation: hand-pointer 2.0s 4 ease 2.0s;
	animation: hand-pointer 2.0s 4 ease 2.0s;
}
@-moz-keyframes hand-pointer{0%{ -moz-transform: translate(0,0); }
6%{ -moz-transform: translate(5px,0); }
12%{ -moz-transform: translate(0,0); }
18%{ -moz-transform: translate(5px,0); }
24%{ -moz-transform: translate(0,0); }
30%{ -moz-transform: translate(5px,0); }
36%{ -moz-transform: translate(0,0); }
}
.icon-animated-wrench{
	display: inline-block;
	-moz-animation: wrenching 2.5s 4 ease;
	-webkit-animation: wrenching 2.5s 4 ease;
	-o-animation: wrenching 2.5s 4 ease;
	-ms-animation: wrenching 2.5s 4 ease;
	animation: wrenching 2.5s 4 ease;
	-moz-transform-origin: 90% 35%;
	-webkit-transform-origin: 90% 35%;
	-o-transform-origin: 90% 35%;
	-ms-transform-origin: 90% 35%;
	transform-origin: 90% 35%;
}
@-moz-keyframes wrenching{0%{ -moz-transform: rotate(-12deg); }
8%{ -moz-transform: rotate(12deg); }
10%{ -moz-transform: rotate(24deg); }
18%{ -moz-transform: rotate(-24deg); }
20%{ -moz-transform: rotate(-24deg); }
28%{ -moz-transform: rotate(24deg); }
30%{ -moz-transform: rotate(24deg); }
38%{ -moz-transform: rotate(-24deg); }
40%{ -moz-transform: rotate(-24deg); }
48%{ -moz-transform: rotate(24deg); }
50%{ -moz-transform: rotate(24deg); }
58%{ -moz-transform: rotate(-24deg); }
60%{ -moz-transform: rotate(-24deg); }
68%{ -moz-transform: rotate(24deg); }
75%{ -moz-transform: rotate(0deg); }
}@-webkit-keyframes wrenching{0%{ -webkit-transform: rotate(-12deg); }
8%{ -webkit-transform: rotate(12deg); }
10%{ -webkit-transform: rotate(24deg); }
18%{ -webkit-transform: rotate(-24deg); }
20%{ -webkit-transform: rotate(-24deg); }
28%{ -webkit-transform: rotate(24deg); }
30%{ -webkit-transform: rotate(24deg); }
38%{ -webkit-transform: rotate(-24deg); }
40%{ -webkit-transform: rotate(-24deg); }
48%{ -webkit-transform: rotate(24deg); }
50%{ -webkit-transform: rotate(24deg); }
58%{ -webkit-transform: rotate(-24deg); }
60%{ -webkit-transform: rotate(-24deg); }
68%{ -webkit-transform: rotate(24deg); }
75%{ -webkit-transform: rotate(0deg); }
}@-o-keyframes wrenching{0%{ -o-transform: rotate(-12deg); }
8%{ -o-transform: rotate(12deg); }
10%{ -o-transform: rotate(24deg); }
18%{ -o-transform: rotate(-24deg); }
20%{ -o-transform: rotate(-24deg); }
28%{ -o-transform: rotate(24deg); }
30%{ -o-transform: rotate(24deg); }
38%{ -o-transform: rotate(-24deg); }
40%{ -o-transform: rotate(-24deg); }
48%{ -o-transform: rotate(24deg); }
50%{ -o-transform: rotate(24deg); }
58%{ -o-transform: rotate(-24deg); }
60%{ -o-transform: rotate(-24deg); }
68%{ -o-transform: rotate(24deg); }
75%{ -o-transform: rotate(0deg); }
}@-ms-keyframes wrenching{0%{ -ms-transform: rotate(-12deg); }
8%{ -ms-transform: rotate(12deg); }
10%{ -ms-transform: rotate(24deg); }
18%{ -ms-transform: rotate(-24deg); }
20%{ -ms-transform: rotate(-24deg); }
28%{ -ms-transform: rotate(24deg); }
30%{ -ms-transform: rotate(24deg); }
38%{ -ms-transform: rotate(-24deg); }
40%{ -ms-transform: rotate(-24deg); }
48%{ -ms-transform: rotate(24deg); }
50%{ -ms-transform: rotate(24deg); }
58%{ -ms-transform: rotate(-24deg); }
60%{ -ms-transform: rotate(-24deg); }
68%{ -ms-transform: rotate(24deg); }
75%{ -ms-transform: rotate(0deg); }
}@keyframes wrenching{0%{ transform: rotate(-12deg); }
8%{ transform: rotate(12deg); }
10%{ transform: rotate(24deg); }
18%{ transform: rotate(-24deg); }
20%{ transform: rotate(-24deg); }
28%{ transform: rotate(24deg); }
30%{ transform: rotate(24deg); }
38%{ transform: rotate(-24deg); }
40%{ transform: rotate(-24deg); }
48%{ transform: rotate(24deg); }
50%{ transform: rotate(24deg); }
58%{ transform: rotate(-24deg); }
60%{ transform: rotate(-24deg); }
68%{ transform: rotate(24deg); }
75%{ transform: rotate(0deg); }
}
/*---- pages ----*/
.pages {
	clear: both;
	padding: 10px;
	text-align: right; 
}
.pages .total {
	float: left;
	color: #333;
	margin-right: 5px;
	line-height: 26px; 
}
.page {
    float:right;
	display: inline-block;
}
.page a {
	float: left;
	min-width: 25px;
	margin-left: -1px;
	padding: 4px 0;
	font-family: Comic Sans MS;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	color: #333;
	background: #fff;
	border: 1px solid #adadad;
	cursor: pointer;
}
.page a:hover {
	background: #eaeaea;
}
.page .current {
	color: #fff;
	background: #333;
}
.page b {
	vertical-align: bottom;
}
.page .pre {
	border-radius: 3px 0 0 3px;
}
.page .next {
	border-radius: 0 3px 3px 0;
}
.page .page-num {
	display: inline-block;
	margin: 0;
}
.page .page-num a {
	font-family: Times New Roman;
}
.page .page-num .current {
	color: #fff;
	background-color: dimgrey;
	border-color: dimgrey;
}
.pages .jump {
	display: inline-block;
	margin-top: 0;
	margin-left: 5px;
	vertical-align: top;
}
.pages .jump input {
	width: 28px;
	padding: 4px;
	text-align: center;
	border: 1px solid #adadad;
}
.pages .jump button {
	height: 26px;
	margin-left: -3px;
	padding: 2px 5px;
}

/*-- flash upload css --*/
div.fieldset {
	border: 1px solid #afe14c;
	margin: 10px 0;
	padding: 20px 10px;
}

div.fieldset span.legend {
	position: relative;
	background-color: #FFF;
	padding: 3px;
	top: -30px;
	font: 700 14px Arial, Helvetica, sans-serif;
	color: #73b304;
}

div.flash { width: 375px; margin: 10px 5px; border-color: #D9E4FF; }

#spanButtonPlaceHolder {
	display: inline-block;
	height: 30px;
	padding: 3px 15px;
	font-size: 12px;
	line-height: 24px;
	color: #f2f2f2;
	background: #ccc;
	border-radius: 3px;
	vertical-align: middle;
	cursor: pointer;
}
#divprogresscontainer {
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 3px;
	margin-top: 10px;
	padding: 0 5px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1) inset;
}
#divprogresscontainer:empty {
	display: none;
}

.fle { float: left; }

.ftt { margin: 0 5px; }

.Ico {
	border-bottom: 0px;
	border-left: 0px;
	background-color: transparent;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	border-top: 0px;
	border-right: 0px;
}

.IcoNormal {
	float: left;
	border-bottom: 0px;
	border-left: 0px;
	background-color: transparent;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	border-top: 0px;
	border-right: 0px;
	background-image: url(/images/upload_normal.gif);
	background-repeat: no-repeat;
}

.IcoUpload {
	float: left;
	border-bottom: 0px;
	border-left: 0px;
	background-color: transparent;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	border-top: 0px;
	border-right: 0px;
	background-image: url(/images/upload.gif);
	background-repeat: no-repeat;
}

.IcoWaiting {
	display: block!important;
	float: left;
	margin-top: 6px;
	padding: 0!important;
	border-bottom: 0px;
	border-left: 0px;
	background-color: transparent;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	border-top: 0px;
	border-right: 0px;
	background-color: transparent!important;
	background-image: url(/images/upload_waiting.gif)!important;
	background-repeat: no-repeat!important;
	border: 0!important;
}

.progressobj {
	clear: both;
	line-height: 30px;
	font-family: Verdana;
	color: #A59A98;
	margin: 3px;
	border-bottom: 1px solid #eee;
}

.progressobj A { color: #0068B7; text-decoration: underline; }

.progressobj A:hover { color: #0068B7; }

.statebar {
	background-color: #a5dd3d;
	width: 30%;
	font-size: 1px;
	overflow: hidden;
	line-height: 6px;
}

.statebarBigDiv {
	float: left;
	width: 100px;
	height: 6px;
	background-color: #fafafa;
	border: solid 1px #ccc;
	vertical-align: middle;
	margin-left: 5px;
	margin-top: 12px;
}

.statebarSmallDiv {
	float: left;
	width: 50px;
	height: 6px;
	background-color: #fafafa;
	border: solid 1px #ccc;
	vertical-align: middle;
	margin-left: 5px;
	margin-top: 12px;
}

.theFont { color: #0068B7; }
#divprogressGroup .progressobj {
	border-bottom: 0;
}


/*-- 目录 --*/
.catalog {
	padding: 0 15px;
	font-family: "Microsoft YaHei";
	font-size: 14px;
	font-weight: lighter;
}
.catalog h2 {
	position: relative;
}

.catalog h6 {
	margin: 1.5em 0 0.5em;
	font-size: 18px;
}
.catalog p {
	overflow: hidden;
	margin: 0.8em 0;
	line-height: 22px;
	background: url(../images/site/catalog-point.gif) left top;
}
.catalog .title {	
	font-size: 14px;
	margin-right: 2em;
	padding-right: 5px;
	background: #fff;
}
.catalog .title a {
	color: #555;
	text-decoration: underline;
}
.catalog tt {
	float: right;
	*margin-top: -22px;
	_margin-top: -22px;
	padding-left: 5px;
	font-size: 12px;
	color: #777;
	background: #fff;
}
.catalog .pages {
	clear: none;
	padding: 0;
	text-align: inherit;
	background: transparent;
}
.catalog p .pages:before, .catalog p .pages:after {
	display: none;
}
.no-data {
	display: block!important;
	float: inherit!important;
	width: auto!important;
	height: 80px!important;
	margin: 0!important;
	padding: 10px!important;
	font-size: 16px!important;
	font-family: "Microsoft YaHei"!important; 
	text-align: center!important;
	line-height: 60px!important;
	background: none!important;
}

.export-msg {

}
.export-msg .alert {
	display: none;
	position: fixed;
	top: 250px;
	_top:expression(eval(document.documentElement.scrollTop+250));
	left: 50%;
	width: 380px;
	height: 200px;
	margin-left: -190px;
	padding-top: 160px;
	line-height: 20px;
	font-size: 14px;
	text-align: center;
	z-index: 999999;
	color: #fff;
	background: url(../images/overload2.gif) no-repeat 0 -50px;
	border-radius: 5px;
	opacity: 0.8;
	filter:alpha(opacity=80);
	box-shadow: 3px 3px 3px #000;
}
.export-msg .alert img {
	display: none;
}

.loading {
	width: 100%;
	height: 100%;
	text-align: center;
}
.loading img {
	margin-right: 3px;
}
/*--alert page--*/
#top .alert {
	padding-top: inherit;
	height: inherit;
}
#top .alert:after, #top-nav .alert:after {
	display: none;
}
.alert {
	position: relative;
	height: 400px;
	background: url(../images/alert-bg.jpg) repeat-y center;
	padding-top: 100px;
}
.alert:after {
	position: absolute;
	bottom: -26px;
	left: 50%;
	width: 115px;
	height: 26px;
	margin-left: -57.5px;
	background: url(../images/alert-bg2.png) no-repeat;
	content: "";

}
.alert-box {
	position: absolute;
	left: 50%;
	width: 450px;
	margin-left: -225px;
	padding-top: 353px;
	text-align: center;
	color: #555;
}
.alert p {
	font-size: 12px;
	line-height: 28px;
}
.alert p a {
	font-size: 14px;
	text-decoration: underline;
	color: #555;
	margin: 0 2px;
}
.alert-box.erro404 {
	background: url(../images/404.png) no-repeat center top;
}
.alert-box.erro500 {
	background: url(../images/500.png) no-repeat center top;
}
.alert-box.erro503 {
	background: url(../images/503.png) no-repeat center top;
}


.save-select h2 .h-op button {
    height: 22px;
    padding: 3px 8px;
    font-size: 12px;
    color: #fff;
    line-height: 14px;
    background: #95B848;
    border: 1px solid #95B848;
}

.save-select h2 .h-op .cancel {
    color: #555;
    background: #fff;
    border: 1px solid #ccc;
}

.save-select ul {
    overflow: hidden;
    margin: 5px -5px 15px;
    zoom: 1;
}

.save-select li {
    display: inline-block;
    padding: 5px;
}

.save-select li a {
	 position: relative;
	 display: block;
	 overflow: hidden;
	 height: 30px;
	 padding: 0 10px;
	 line-height: 24px;
	 color: #333333;
	 text-overflow: ellipsis;
	 text-align: center;
	 border: 2px solid #ccc;
	 border-radius: 3px;
}

.save-select li a:hover {
	 border-color: #999;
}

.save-select li a.selected {
	 border-color: #f93549;
}

.save-select li a.selected:before {
	 position: absolute;
	 right: 0;
	 top: 0;
	 content: "\f00c";
	 font-family: FontAwesome;
	 font-weight: normal;
	 font-style: normal;
	 text-decoration: inherit;
	 -webkit-font-smoothing: antialiased;
	 -moz-osx-font-smoothing: grayscale;
	 font-size: 10px;
	 line-height: 14px;
	 color: #fff;
	 background: #f93549;
}


/*加载动画*/		


.loading {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-size: 24px;
  padding: 1em;
  position: relative;
  vertical-align: top;
  -webkit-transition: .3s color, .3s border, .3s transform, .3s opacity;
  transition: .3s color, .3s border, .3s transform, .3s opacity;
  opacity: .5;
}


[class*="loader-"] {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-top: -2.8em;
  color: inherit;
  vertical-align: middle;
  pointer-events: none;
}

.loader-l1:before,
.loader-l1:after,
.loader-l1 {
  border-radius: 50%;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: loader-l1 1.8s infinite ease-in-out;
  animation: loader-l1 1.8s infinite ease-in-out;
}

.loader-l1 {
  color: currentcolor;
  position: relative;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
  top: 50%;
}

.loader-l1:before {
  right: 100%;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.loader-l1:after {
  left: 100%;
}

.loader-l1:before,
.loader-l1:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: inherit;
  height: inherit;
}

@-webkit-keyframes loader-l1 {
  0%,
  80%,
  100% {
    box-shadow: 0 1em 0 -1em;
  }
  40% {
    box-shadow: 0 1em 0 -.2em;
  }
}

@keyframes loader-l1 {
  0%,
  80%,
  100% {
    box-shadow: 0 1em 0 -1em;
  }
  40% {
    box-shadow: 0 1em 0 -.2em;
  }
}


.loader-l2 {
  position: relative;
  top: 50%;
  margin-top: -1em;
}

.loader-l2:before,
.loader-l2:after {
  content: '';
  display: block;
  position: absolute;
  background-color: currentcolor;
  left: 50%;
  right: 0;
  top: 0;
  bottom: 50%;
  box-shadow: -.5em 0 0 currentcolor;
  -webkit-animation: loader-l2 1s linear infinite;
  animation: loader-l2 1s linear infinite;
}

.loader-l2:after {
  top: 50%;
  bottom: 0;
  -webkit-animation-delay: .25s;
  animation-delay: .25s;
}

@-webkit-keyframes loader-l2 {
  0%,
  100% {
    box-shadow: -.5em 0 0 transparent;
    background-color: currentcolor;
  }
  50% {
    box-shadow: -.5em 0 0 currentcolor;
    background-color: transparent;
  }
}

@keyframes loader-l2 {
  0%,
  100% {
    box-shadow: -.5em 0 0 transparent;
    background-color: currentcolor;
  }
  50% {
    box-shadow: -.5em 0 0 currentcolor;
    background-color: transparent;
  }
}


.loader-l3 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
  -webkit-perspective: 1000px;
  perspective: 1000px;
  border-radius: 50%;
  position: relative;
  top: 50%;
  margin-top: -1em;
}

.loader-l3:before,
.loader-l3:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  border-radius: 50%;
  -webkit-animation: 1s spin linear infinite;
  animation: 1s spin linear infinite;
}

.loader-l3:before {
  -webkit-transform: rotateX(70deg);
  transform: rotateX(70deg);
}

.loader-l3:after {
  -webkit-transform: rotateY(70deg);
  transform: rotateY(70deg);
  -webkit-animation-delay: .4s;
  animation-delay: .4s;
}


@-webkit-keyframes rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotateZ(0deg);
    transform: translate(-50%, -50%) rotateZ(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotateZ(360deg);
    transform: translate(-50%, -50%) rotateZ(360deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotateZ(0deg);
    transform: translate(-50%, -50%) rotateZ(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotateZ(360deg);
    transform: translate(-50%, -50%) rotateZ(360deg);
  }
}

@-webkit-keyframes rotateccw {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(-360deg);
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}

@keyframes rotateccw {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(-360deg);
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}

@-webkit-keyframes spin {
  0%,
  100% {
    box-shadow: .2em 0px 0 0px currentcolor;
  }
  12% {
    box-shadow: .2em .2em 0 0 currentcolor;
  }
  25% {
    box-shadow: 0 .2em 0 0px currentcolor;
  }
  37% {
    box-shadow: -.2em .2em 0 0 currentcolor;
  }
  50% {
    box-shadow: -.2em 0 0 0 currentcolor;
  }
  62% {
    box-shadow: -.2em -.2em 0 0 currentcolor;
  }
  75% {
    box-shadow: 0px -.2em 0 0 currentcolor;
  }
  87% {
    box-shadow: .2em -.2em 0 0 currentcolor;
  }
}

@keyframes spin {
  0%,
  100% {
    box-shadow: .2em 0px 0 0px currentcolor;
  }
  12% {
    box-shadow: .2em .2em 0 0 currentcolor;
  }
  25% {
    box-shadow: 0 .2em 0 0px currentcolor;
  }
  37% {
    box-shadow: -.2em .2em 0 0 currentcolor;
  }
  50% {
    box-shadow: -.2em 0 0 0 currentcolor;
  }
  62% {
    box-shadow: -.2em -.2em 0 0 currentcolor;
  }
  75% {
    box-shadow: 0px -.2em 0 0 currentcolor;
  }
  87% {
    box-shadow: .2em -.2em 0 0 currentcolor;
  }
}
.icon-loading-rotate {
	display: inline-block!important;
	float: none!important;
	width: auto!important;
	height: auto!important;
	margin: 0!important;
	padding: 0!important;
	background: transparent none!important;
	-webkit-animation-name: loading-rotate;
	animation-name: loading-rotate;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.icon-loading-rotate:before {
	content: "\f110";
}

@keyframes loading-rotate {
	from {transform:rotate(0)}
	to {transform:rotate(360deg)}
}